import React, {memo} from 'react';

import {Table, Divider} from 'antd';

import "./style.less";
import YTChart from './c-cpns/Chart';
/**
 * 网站数据资源概览
 * 网站管理员 超级管理员几名，普通管理员几名，管理员权限规定
 * 网站注册量 抑者多少人，释抑者多少人
 * 网站访问量 表格的形式展示
 * 文章发布数量
 * 讨论组数量
 * 提问数量
 */
export default memo(function DashBoard() {

    //表格相关数据
    //管理员相关数据
    const adminData = [
        {
            key:1,
            superAdmin:1,
            commonAdmin:3
        }
    ];

    const adminColumns = [
        {
            title:'超级管理员数量',
            dataIndex:'superAdmin',
            key:'superAdmin',
        },
        {
            title:'普通管理员数量',
            dataIndex:'commonAdmin',
            key:'commonAdmin',
        }
    ]
    //资源概览
    const resourcesData = [
        {
            key: '1',
            articleNum: 2000,
            disGroupNum: 150,
            QNum: 300,
          },

    ];

    const resourcesColumns = [
        {
            title: '文章数量',
            dataIndex: 'articleNum',
            key: 'articleNum',
          },
          {
            title:'讨论组数量',
            dataIndex: 'disGroupNum',
            key: 'disGroupNum'
          },
          {
            title:'提问数量',
            dataIndex: 'QNum',
            key: 'QNum'
          },

        ]


    return (
        <div className="dashBoard">
            <Divider orientation="left">网站数据资源概览</Divider>
            <div className="classify">
                {/* 管理员相关 */}
                <div className="administrator">
                    <div className="themeHeader">-管理员-</div>
                    <Table dataSource={adminData} columns={adminColumns} pagination={false}/>
                </div>
                {/* 注册量相关 */}
                <div className="registrations">
                    <div className="themeHeader">-网站注册量-</div>
                    <div className="regNum">10</div>
                </div>
                {/* 网站访问量 */}
                <div className="views">
                    <div className="themeHeader">-网站访问量-</div>
                    <div className="regNum">100</div>
                </div>
                {/* 资源数量 */}
                <div>
                    <div className="themeHeader">-资源概览-</div> 
                    <Table dataSource={resourcesData} columns={resourcesColumns} pagination={false}/>
                </div>


            </div>
        </div>
    )
})